<div class="bzwx">
    <div class="all-tab" style="border-bottom: 1px solid #E5E5E5;">
        <div class="tabelogo">
            <div><img src="../../././../../assets/img/redTeam/all-img-icon.png" alt=""></div>
            <h1>全部分类</h1>
        </div>
        <nz-tag style="font-size: 14px;color: #999;margin: auto;" *ngFor="let tag of sharchTags; let i = index "
            nzMode="checkable" [nzChecked]="selectedTags.indexOf(tag) > -1"
            (nzCheckedChange)="handleChange($event, tag , i)">
            {{ tag }}
        </nz-tag>
    </div>

    <div class="all-tab" style="border: 1px solid #E5E5E5;">
        <label for="">项目（单选）</label>
        <div nz-row>
            <nz-tag style="font-size: 12px;margin:0 5px 5px 5px;" *ngFor="let tag of sharchTags2; let i = index "
                nzMode="checkable" [nzChecked]="selectedTags.indexOf(tag) > -1"
                (nzCheckedChange)="handleChange($event, tag , i)">
                {{ tag }}
            </nz-tag>
        </div>
    </div>

    <div class="all-tab" style="border: 1px solid #E5E5E5;display: block">
        <div class="s-dx">
            <label for="">部委（单选）</label>
            <div nz-row>
                <nz-tag style="font-size: 12px;" *ngFor="let tag of sharchTags3; let i = index " nzMode="checkable"
                    [nzChecked]="selectedTags.indexOf(tag) > -1" (nzCheckedChange)="handleChange($event, tag , i)">
                    {{ tag }}
                </nz-tag>
            </div>
        </div>
        <div class="s-dx">
            <label for="">备案日期（单选）</label>
            <div nz-row>
                <nz-tag style="font-size: 12px;" *ngFor="let tag of sharchTags4; let i = index " nzMode="checkable"
                    [nzChecked]="selectedTags.indexOf(tag) > -1" (nzCheckedChange)="handleChange($event, tag , i)">
                    {{ tag }}
                </nz-tag>
            </div>
        </div>
        <div class="s-dx" style="border: 0;">
            <label for="">标准状态（单选）</label>
            <div nz-row>
                <nz-tag style="font-size: 12px;" *ngFor="let tag of sharchTags5; let i = index " nzMode="checkable"
                    [nzChecked]="selectedTags.indexOf(tag) > -1" (nzCheckedChange)="handleChange($event, tag , i)">
                    {{ tag }}
                </nz-tag>
            </div>
        </div>
    </div>

    <div class="daohang">
        当前位置：
        <a (click)='isShowList=true'> 标准文献 </a>
        <span *ngIf='isShowWz'> >{{selectedTags[0]}}</span>
        <span *ngIf='!isShowList'> >{{selDelTitle}}</span>
    </div>

    <div class="list-dtl" *ngIf='!isShowList'>
        <div class="list-titel">
            <div class="l">
                <h1>{{list[0].name}}</h1>
                <div class="l-b">
                    {{list[0].code}}
                    <p class="zt" style="background: #37C2F0;">{{list[0].hy}}</p>
                    <p class="zt">{{list[0].zt}}</p>
                </div>
            </div>
            <div class="r">
                <a (click)='isShowMsgWindow=true'>
                    <img src="../../../../assets/img/logo/PDF.png" alt="">
                </a>
            </div>
        </div>
        <div class="bd">
            <div class="bd-title">
                <div></div>目录
            </div>
            <div class="bd-ml">
                <div>1.标准状态</div>
                <div style="background: #E5E5E5;">2.基础信息</div>
                <div>3.备案信息</div>
                <div style="background: #E5E5E5;">4.起草单位</div>
                <div>5.起草人</div>
                <div style="background: #E5E5E5;">6.相近标准(计划)</div>
            </div>
        </div>
        <!-- 标准状态 -->
        <div class="bd">
            <div class="bd-title">
                <div></div>标准状态
            </div>
            <div class="slider-body">
                <!-- <nz-slider [nzDisabled]=true [nzMarks]="marks" [ngModel]="50"></nz-slider> -->
                <nz-steps [nzCurrent]="current" nzSize="small">
                    <nz-step nzTitle="发布于2014/9/9"></nz-step>
                    <nz-step nzTitle="实施于2014/12/1"></nz-step>
                    <nz-step nzTitle="废止"></nz-step>
                </nz-steps>
            </div>
        </div>
        <div class="bd">
            <div class="bd-title">
                <div></div>基础信息
            </div>
            <div class="jcxx-list">
                <div class="list-item" nz-row>
                    <div nz-col nzSpan="12" class="item">
                        <label for="">标准号</label>
                        <span>{{selItem.code}}</span>
                    </div>
                    <div nz-col nzSpan="12" class="item">
                        <label for="">归口单位</label>
                        <span>全国安全防范报警系统标准化技术委员会(SAC/TC100)</span>
                    </div>
                </div>
                <div class="list-item" nz-row>
                    <div nz-col nzSpan="12" class="item">
                        <label for="">发布日期</label>
                        <span>2014/9/9</span>
                    </div>
                    <div nz-col nzSpan="12" class="item">
                        <label for="">主管部门</label>
                        <span>中华人民共和国公安部</span>
                    </div>
                </div>
                <div class="list-item" nz-row>
                    <div nz-col nzSpan="12" class="item">
                        <label for="">实施日期</label>
                        <span>2014/12/1</span>
                    </div>
                    <div nz-col nzSpan="12" class="item">
                        <label for="">行业分类</label>
                        <span>无</span>
                    </div>
                </div>
                <div class="list-item" nz-row>
                    <div nz-col nzSpan="12" class="item">
                        <label for="">全部代替标准</label>
                        <span>GA/T 645-2006</span>
                    </div>

                </div>
            </div>
        </div>
        <div class="bd">
            <div class="bd-title">
                <div></div>备案信息
            </div>
            <div class="jcxx-list">
                <label for="">备案号：</label>
                <span>49269-2015</span>
            </div>
            <div class="jcxx-list">
                <label for="">备案月报：</label>
                <span>2015年第4号</span>
            </div>
        </div>
        <div class="bd">
            <div class="bd-title">
                <div></div>起草单位
            </div>
            <div style="padding:0 20px 20px;">
                <div>公安部安全与警用电子产品质量检测中心</div>
                <div>深圳英飞拓科技股份有限公司</div>
                <div>北京赛尔汇力安全科技有限公司</div>
                <div>天津市亚安科技股份有限公司</div>
                <div>常州明景智能科技有限公司</div>
                <div>公安部安全防范报警系统产品质量监督检验中心</div>
                <div>公安部第一研究所</div>
                <div>浙江大华技术股份有限公司</div>
                <div>杭州海康威视数字技术股份有限公司</div>
                <div>天津天地伟业数码科技有限公司</div>
                <div>深圳市艾立克电子有限公司</div>
            </div>
        </div>
        <div class="bd">
            <div class="bd-title">
                <div></div>起草人
            </div>
            <div nz-row style="padding:0 20px 20px;color: #999;">
                <p nz-col nzSpan="4">陶磊</p>
                <p nz-col nzSpan="4">刘琳</p>
                <p nz-col nzSpan="4">郅晨</p>
                <p nz-col nzSpan="4">叶晨</p>
                <p nz-col nzSpan="4">徐志永</p>
                <p nz-col nzSpan="4">余梓飞</p>
                <p nz-col nzSpan="4">张文弘</p>
                <p nz-col nzSpan="4">孙晓冬</p>
                <p nz-col nzSpan="4">张跃</p>
                <p nz-col nzSpan="4">张波</p>
                <p nz-col nzSpan="4">邵红威</p>
                <p nz-col nzSpan="4">韩芝兵</p>
                <p nz-col nzSpan="4">张凤波</p>
                <p nz-col nzSpan="4">盛林军</p>
                <p nz-col nzSpan="4">张哲</p>
                <p nz-col nzSpan="4">陈燕</p>
            </div>
        </div>

        <div class="bd">
            <div class="bd-title">
                <div></div>相近标准(计划)
            </div>
            <div nz-row style="padding:0 20px 20px;color: #999;">
                <p nz-col nzSpan="12">GA/T 1127-2013  安全防范视频监控摄像机通用技术要求</p>
                <p nz-col nzSpan="12">GA/T 1128-2013  安全防范视频监控高清晰度摄像机测量方法</p>
                <p nz-col nzSpan="12">GA/T 1708-2020  安全防范视频监控红外热成像设备</p>
                <p nz-col nzSpan="12">GA 308-2001  安全防范系统验收规则</p>
                <p nz-col nzSpan="12">GA 1468-2018  寄递企业安全防范要求</p>
                <p nz-col nzSpan="12">GA/T 645-2006  视频安防监控系统变速球型摄像机</p>
                <p nz-col nzSpan="12">GA/T 1216-2015  安全防范视频监控网络视音频编解码设备</p>
                <p nz-col nzSpan="12">GA/T 646-2016  安全防范视频监控矩阵设备通用技术要求</p>
                <p nz-col nzSpan="12">GA/T 1211-2014  安全防范高清视频监控系统技术要求</p>
                <p nz-col nzSpan="12">20090055-T-312  安全防范视频监控人脸识别系统技术要求</p>
            </div>
        </div>

    </div>

    <div class="list-body" *ngIf='isShowList'>
        <nz-table #borderedTable nzBordered [nzShowPagination]="true" [nzData]="list">
            <thead>
                <tr>
                    <th>标准号</th>
                    <th>标准名称</th>
                    <th>行业领域</th>
                    <th>状态</th>
                    <th>批准日期</th>
                    <th>实施日期</th>
                    <th>备案号</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of list" (click)='onItemChecked(data)'>
                    <td>{{ data.code }}</td>
                    <td style="color: #378EF0;"> <a>{{ data.name }}</a></td>
                    <td>{{ data.hy }}</td>
                    <td>
                        <div class="td-zt">{{ data.zt }}</div>
                    </td>
                    <td>{{ data.pzTime }}</td>
                    <td>{{ data.ssTime }}</td>
                    <td>{{ data.bah }}</td>
                </tr>
            </tbody>
        </nz-table>
    </div>

    <div class="server-list" *ngIf='isShowMsgWindow'>
        <div class="ser-c">
            <div class="list-hd">
                <span style="line-height: 36px;">{{aqList[0].name}}-标准-PDF</span>
                <span style="float: right;margin-right: 10px;" (click)="colseWindow()">关闭</span>
            </div>
            <iframe src="../../../../assets/img/logo/645-2006.pdf" frameborder="0"  width="100%" height="100%"></iframe>
            <!-- <embed src="../../../../assets/img/logo/645-2006.pdf" width="100%" height="100%"> -->
        </div>
    </div>
</div>